<!-- 门户区 -->
<div class="content content-ex">
  <div class="protal">
    <!-- 左边个人门户 -->
    <div class="panl-left">
      <div class="admin-menu">
        <!-- User image -->
        <div class="user-header">
          <img *ngIf="!ss.user" src="assets/images/user.jpg" />
          <img *ngIf="ss.user" [src]="ss.user.uImage ? ss.user.uImage : 'assets/images/user.jpg'" />
          <p>
            {{ ss.user ? ss.user.userName : '管理员'}}
            <small>{{ ss.user ? ss.user.userOrgName : '系统管理部'}}</small>
          </p>
        </div>
      </div>
      <div class="user-tool">
        <div class="panl-top-table row1">


        </div>

        <div class="panl-top-table row2">

        </div>
      </div>
    </div>

    <!-- 中间待办 -->
    <div class="panl-top">
      <div class="panl-left-title">
        <span class="panl-left-title-h1">统一待办</span>
        <span class="panl-left-title-h2">共<span class="panl-left-title-h2-number">{{rowCounts}}</span>个</span>
        <div class="panl-left-button-b2-img"></div>
        <div class="panl-left-button-b2" (click)="reflash()">刷新</div>
        <!-- <div class="panl-left-button-b2-img"></div>
        <div class="panl-left-button-b2">定制</div> -->
      </div>
      <!-- <div class="panl-left-tool">
        <ul class="todo-list-filter">
          <li style="padding-left: 0px;" class="todo-list-filter-item {{menu.curItem=='htgl'?'active':''}}"
            (click)="bpmSearch('htgl')">
            <div class="icon"></div>
            <div class="label">
              <span class="label-title">合同管理</span>
              <span>
                <span class="label-title-number">{{statistics.htgl}}</span>
                <span class="label-title-util">/个</span>
              </span>
            </div>
          </li>
          <li class="todo-list-filter-item {{menu.curItem=='bxgl'?'active':''}}" (click)="bpmSearch('bxgl')">
            <div class="icon"></div>
            <div class="label">
              <span class="label-title">报销管理</span>
              <span>
                <span class="label-title-number">{{statistics.bxgl}}</span>
                <span class="label-title-util">/个</span>
              </span>
            </div>
          </li>
          <li class="todo-list-filter-item {{menu.curItem=='rsgl'?'active':''}}" (click)="bpmSearch('rsgl')">
            <div class="icon"></div>
            <div class="label">
              <span class="label-title">人事管理</span>
              <span>
                <span class="label-title-number">{{statistics.rsgl}}</span>
                <span class="label-title-util">/个</span>
              </span>
            </div>
          </li>
          <li class="todo-list-filter-item {{menu.curItem=='lcgl'?'active':''}}" (click)="bpmSearch('lcgl')">
            <div class="icon"></div>
            <div class="label">
              <span class="label-title">流程管理</span>
              <span>
                <span class="label-title-number">{{statistics.lcgl}}</span>
                <span class="label-title-util">/个</span>
              </span>
            </div>
          </li>
          <li class="todo-list-filter-item {{menu.curItem=='gsgl'?'active':''}}" (click)="bpmSearch('gsgl')">
            <div class="icon"></div>
            <div class="label">
              <span class="label-title">工时管理</span>
              <span>
                <span class="label-title-number">{{statistics.gsgl}}</span>
                <span class="label-title-util">/个</span>
              </span>
            </div>
          </li>
        </ul>
      </div> -->
      <div class="panl-left-table">
        <nz-table nzSize="middle" nzShowSizeChanger [nzPageSizeOptions]='[ 10, 15, 20, 30, 40, 50 ]'
          [nzFrontPagination]="false" [nzData]="fs.datas" [nzLoading]="fs.isLoading || fs.isDeleing"
          [nzTotal]="fs.rowsCount" [(nzPageIndex)]="fs.pageIndex" [(nzPageSize)]="fs.pageSize"
          (nzPageIndexChange)="fs.loadData()" (nzPageSizeChange)="fs.loadData(true)">
          <tr *ngFor="let data of fs.datas">
            <td>
              <div class="panl-left-tr" (click)="bpmEdit(data)">
                <div class="panl-left-tr-icon green"></div>
                <div class="panl-left-tr-title">{{data.sbusiness}}</div>
                <div class="panl-left-tr-span green">{{data.waittime}}</div>
                <div class="panl-left-tr-time">{{data.fromtime | date:'yyyy年MM月dd日 HH:mm:ss'}}</div>
              </div>
            </td>
          </tr>
        </nz-table>
      </div>
    </div>
    <!-- 中间项目 -->
    <div class="panl-botton">
      <div class="panl-b-t">
        <div class="panl-b-t-h1">安保人员</div>
      </div>
      <div id="box_abry" style="width: 100%;height: 96%;"></div>
    </div>

    <!-- 业务入口 -->
    <div class="panl-right-top">
      <div class="panl-top-title">
        <div class="panl-top-title-h1">通知公告</div>
        <div class="panl-top-button-b2" (click)="is.navigate('/')">查看全部</div>
      </div>
      <div class="panl-top-table">
        <div (click)="bpmNote(data)" class="panl-top-tr" *ngFor="let data of noticeFs.datas;let i = index">
          <div class="panl-botton-tr-title">{{i+1}}.{{data.bt | length:17}}</div>
          <div class="panl-botton-tr-time">{{data.cjsj | date:'yyyy-MM-dd HH:mm' }}</div>
        </div>
      </div>


        <!-- <div class="panl-top-table row1">
          <div class="entry-item">
            <div class="item-in">
              <div class="item-img"></div>
            </div>
            <span>合同管理</span>
          </div>
          <div class="entry-item">
            <div class="item-in item-in2">
              <div class="item-img item-img2"></div>
            </div>
            <span>报销管理</span>
          </div>
          <div class="entry-item">
            <div class="item-in item-in3">
              <div class="item-img item-img3"></div>
            </div>
            <span>人事管理</span>
          </div>
        </div>
        <div class="panl-top-table row2">
          <div class="entry-item">
            <div class="item-in item-in4">
              <div class="item-img item-img4"></div>
            </div>
            <span>流程管理</span>
          </div>
          <div class="entry-item">
            <div class="item-in item-in5">
              <div class="item-img item-img5"></div>
            </div>
            <span>工时管理</span>
          </div>
          <div class="entry-item">
            <div class="item-in item-in6">
              <div class="item-img item-img6"></div>
            </div>
            <span>工时填报</span>
          </div>
        </div>
        <div class="panl-top-table row3">
          <div class="entry-item">
            <div class="item-in item-in7">
              <div class="item-img item-img7"></div>
            </div>
            <span>报价系统</span>
          </div>
          <div class="entry-item">

          </div>
          <div class="entry-item">

          </div>
        </div> -->


<!--      <div class="panl-left-table">
        <nz-table nzSize="middle" nzShowSizeChanger [nzPageSizeOptions]='[ 10, 15, 20, 30, 40, 50 ]'
                  [nzFrontPagination]="false" [nzData]="sbs.datas" [nzLoading]="sbs.isLoading || sbs.isDeleing"
                  [nzTotal]="sbs.rowsCount" [(nzPageIndex)]="sbs.pageIndex" [(nzPageSize)]="sbs.pageSize"
                  (nzPageIndexChange)="sbs.loadData()" (nzPageSizeChange)="sbs.loadData(true)">
          <thead>
          <tr>
            <th nzWidth="100px">设备类型</th>
            <th nzWidth="100px">设备型号</th>
            <th nzWidth="100px">安装用途</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let data of sbs.datas">
            &lt;!&ndash; <td><span (click)="fs.editRow(data)" class="form-edit"></span></td> &ndash;&gt;
            <td>{{data.equipmentTypeName}}</td>
            <td>{{data.equipmentModelName}}</td>
            <td>{{data.positionName}}</td>
          </tr>
          </tbody>
        </nz-table>
      </div>-->
    </div>

    <!-- 通知公告 -->
    <div class="panl-right-botton">
      <div class="panl-botton-title">
        <div class="panl-botton-title-h1">安保设施</div>
      </div>
      <div id="box_absb" style="width: 100%;height: 88%;"></div>
    </div>
  </div>
</div>
